<template>
	<view>
		<!-- TODO 联系人，成员列表 -->
		<u-search v-model="form.keyword" placeholder="请输入搜索内容" :show-action="false" margin="20rpx 24rpx" height="68"></u-search>
		<u-cell-group>
			<u-cell-item title="新朋友" :arrow="false">
				<view slot="icon" class="u-m-r-32">
					<u-image src="/static/images/new_friend.png" width="60" height="60" :fade="false" border-radius="10"></u-image>
				</view>
			</u-cell-item>
			<u-cell-item title="群组" :arrow="false">
				<view slot="icon" class="u-m-r-32">
					<u-image src="/static/images/group.png" width="60" height="60" :fade="false" border-radius="10"></u-image>
				</view>
			</u-cell-item>
		</u-cell-group>
		
		<u-index-list>
				<view v-for="(item, index) in list" :key="index">
					<u-index-anchor :index="index"></u-index-anchor>
					<u-cell-group>
						<view v-for="(item2, index2) in item" :key="index2">
							<u-cell-item :arrow="false">
								<view class="u-flex" slot="title" style="height: 95rpx;width: 400rpx;">
									<view class="u-flex" style="height: 95rpx;"><u-image src="/static/logo.png" width="74rpx" height="74rpx" border-radius="6" :fade="false"></u-image></view>
									<view class="u-flex u-margin-left-32 u-font-30">{{item2.name}}</view>
								</view>
							</u-cell-item>
						</view>
					</u-cell-group>
				</view>
		</u-index-list>
		<u-empty class="empty" mode="list" v-if="Object.keys(list).length == 0"></u-empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					keyword: ''
				},
				list: {
					'A': [
						{id: 1,name: '安阳', selected: true},
						{id: 2,name: '安阳', selected: false},
						{id: 3,name: '安阳', selected: false},
						{id: 4,name: '安阳', selected: false},
						{id: 5,name: '安阳', selected: false},
						{id: 6,name: '安阳', selected: false},
						{id: 7,name: '安阳', selected: false},
						{id: 8,name: '安阳', selected: false},
						{id: 9,name: '安阳', selected: false},
						{id: 10,name: '安阳', selected: false},
						{id: 11,name: '安阳', selected: false}
					],
					'B': [
						{id: 12,name: '保安', selected: false},
						{id: 13,name: '保安', selected: false},
						{id: 14,name: '保安', selected: false},
						{id: 15,name: '保安2', selected: false},
						{id: 16,name: '保安1', selected: false},
					]
				},
			}
		},
		methods: {}
	}
</script>

<style lang="scss">
	
</style>
